irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Light] Monochrome Contrast.css
201 lines3.7 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Light - MonoChrome Contrast */
3
4* {
5font-family: "JetBrainsMono Nerd Font";
6font-weight: bold;
7min-height: 0;
8/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9font-size: 97%;
10font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11}
12
13window#waybar,
14window#waybar.empty,
15window#waybar.empty #window {
16 background-color: transparent;
17 padding: 0px;
18 border: 0px;
19}
20
21tooltip {
22 color: white;
23 background: #1e1e2e;
24 opacity: 0.8;
25 border-radius: 10px;
26 border-width: 2px;
27 border-style: solid;
28 border-color: white;
29}
30
31tooltip label{
32 color: #cdd6f4;
33}
34/*-----module groups----*/
35.modules-left,
36.modules-center,
37.modules-right {
38 background-color: white;
39 color: black;
40 border-bottom: 2px;
41 border-style: solid;
42 border-color: black;
43 border-radius: 10px;
44 padding-top: 2px;
45 padding-bottom: 2px;
46 padding-right: 4px;
47 padding-left: 4px;
48}
49
50/*-----modules indv----*/
51#taskbar button,
52#workspaces button {
53 color: black;
54 box-shadow: none;
55 text-shadow: none;
56 padding: 0px;
57 border-radius: 9px;
58 padding-left: 4px;
59 padding-right: 4px;
60 animation: gradient_f 20s ease-in infinite;
61 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
62}
63#taskbar button:hover,
64#workspaces button:hover {
65 color: grey;
66 background-color: rgba(0,153,153,0.2);
67 padding-left: 2px;
68 padding-right: 2px;
69 animation: gradient_f 20s ease-in infinite;
70 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
71}
72
73#taskbar button.active,
74#workspaces button.active {
75 background-color: grey;
76 color: black;
77 padding-left: 8px;
78 padding-right: 8px;
79 animation: gradient_f 20s ease-in infinite;
80 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
81}
82
83#workspaces button.persistent {
84 border-radius: 10px;
85}
86
87#backlight,
88#backlight-slider,
89#battery,
90#bluetooth,
91#clock,
92#cpu,
93#disk,
94#idle_inhibitor,
95#keyboard-state,
96#memory,
97#mode,
98#mpris,
99#network,
100#power-profiles-daemon,
101#pulseaudio,
102#pulseaudio-slider,
103#taskbar,
104#temperature,
105#tray,
106#window,
107#wireplumber,
108#workspaces,
109#custom-backlight,
110#custom-browser,
111#custom-cava_mviz,
112#custom-cycle_wall,
113#custom-dot_update,
114#custom-file_manager,
115#custom-keybinds,
116#custom-keyboard,
117#custom-light_dark,
118#custom-lock,
119#custom-hint,
120#custom-hypridle,
121#custom-menu,
122#custom-playerctl,
123#custom-power_vertical,
124#custom-power,
125#custom-quit,
126#custom-reboot,
127#custom-settings,
128#custom-spotify,
129#custom-swaync,
130#custom-tty,
131#custom-updater,
132#custom-weather,
133#custom-weather.clearNight,
134#custom-weather.cloudyFoggyDay,
135#custom-weather.cloudyFoggyNight,
136#custom-weather.default,
137#custom-weather.rainyDay,
138#custom-weather.rainyNight,
139#custom-weather.severe,
140#custom-weather.showyIcyDay,
141#custom-weather.snowyIcyNight,
142#custom-weather.sunnyDay {
143 padding-top: 4px;
144 padding-bottom: 4px;
145 padding-right: 6px;
146 padding-left: 6px;
147}
148#custom-power {
149 padding: 1px 3px;
150}
151/*-----Indicators----*/
152#custom-hypridle.notactive,
153#idle_inhibitor.activated {
154 color: #39FF14;
155}
156
157#pulseaudio.muted {
158 color: #cc3436;
159}
160#temperature.critical {
161 color: #cc3436;
162}
163
164@keyframes blink {
165 to {
166 color: #000000;
167 }
168}
169
170#battery.critical:not(.charging) {
171 color: #f53c3c;
172 animation-name: blink;
173 animation-duration: 3.0s;
174 animation-timing-function: steps(12);
175 animation-iteration-count: infinite;
176 animation-direction: alternate;
177}
178
179#backlight-slider slider,
180#pulseaudio-slider slider {
181 min-width: 0px;
182 min-height: 0px;
183 opacity: 0;
184 background-image: none;
185 border: none;
186 box-shadow: none;
187}
188
189#backlight-slider trough,
190#pulseaudio-slider trough {
191 min-width: 80px;
192 min-height: 5px;
193 border-radius: 5px;
194 background-color: grey;
195}
196
197#backlight-slider highlight,
198#pulseaudio-slider highlight {
199 min-height: 10px;
200 border-radius: 5px;
201}